body {
	font-family:  helvetica;
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	color:#296628;
	background-color: #cccccc;
}

#header h1,#header h3, #header div, #header img {
	display: inline-block;
	vertical-align: top;
	zoom:1;
	*display:inline;
}

#header {
	border-style: solid;
	border-color: #3E9A3C;
	border-width: 1px;
	border-top-width: 10px;
	border-bottom-width: 10px;
	/*border-top-left-radius: 10px;
	border-top-right-radius: 10px;*/
}


#header h1 {
	color:#3E9A3C;
	margin-top: 35px;
	text-shadow:3px 3px 1px #eee;
	margin-bottom: 0px;
}

#header h3 {
	margin-top: 0px;
	color:#F58220;
}

#conteiner {
	width: 800px;
	margin:0px auto;
	background-color: #ffffff;

}

.footer {
	padding: 15px;
	background-color: #3E9A3C;
	color:#FFFFFF;
}

.footer a {
	color:#FCAF17;
}


.content {
	padding: 15px;
	border-style: solid;
	border-color: #3E9A3C;
	border-width: 0px 1px 1px 1px;
}

.control {
	display: inline-block;
	min-width: 250px;
	zoom:1;
	*display:inline;
}

.led {
	cursor:pointer;
	font-size: 0.9em;
	width:55px;
	padding: 2px;
	margin: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:inline-block;
}

.led span {
	width: 17px;
	height: 17px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#FFFFFF;
}

.led-on {
	color:#FFFFFF;
	background-color:#3E9A3C;
	border: 1px solid #3E9A3C;
}

.led-on span {
	margin-left: 15px;
	display: inline-block;
}

.led-off {
	color:#FFFFFF;
	background-color:#A7A7A7;
	border: 1px solid #A7A7A7;
}

.led-off span {
	margin-right: 5px;
	display: inline-block;
}


#led-0.led-on {
	background-color:#0BC713;
	color:#000000;
	border: 1px solid #09580D;
}

#led-1.led-on {
	background-color:#FAC52B;
	color:#000000;
	border: 1px solid #BB9010;
}

#led-2.led-on {
	background-color:#1FC2E2;
	color:#000000;
	border: 1px solid #00697E;
}


.trigger {
	width:200px;
	display:inline-block;
	border: 1px solid #3E9A3C;
	padding: 1px;
	margin: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.trigger span {
	background-color:#3E9A3C;
	width: 0px;;
	height: 17px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
}

.temperature-plot{
	height: 250px;
	margin: 15px 15px 0px 15px;
}


.box {
	color:#FFFFFF;
	font-size: 0.9em;
	width:55px;
	display:inline-block;
	background-color:#3E9A3C;
	border: 1px solid #3E9A3C;
	padding: 2px;
	margin: 5px;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.label {
 	width: 150px;
 	display: inline-block;
}